{% extends "template_base.html" %}
{% block imports %}
        <!-- open labyrinth index style -->
        <link rel="stylesheet" type="text/css" href="{% url ol-root %}styles/index/style.css" />
{% endblock %}

{% block body %}
        <div id="pageContent">
        	<div id="loginPanel">
        		<div id="ol_logo"></div>
	            <form id="loginForm" action="" method="POST">
	            	{{ form.username.errors }}
	            	{{ form.username }} <br />
	            	{{ form.password.errors }}
	                {{ form.password }} <br />
	                <input type="submit" value="Login" />
	            </form>
	            <hr />
	            v3.0.0
        	</div>
        	<div id="labyrinthListingPanel">
        		<div id="labyrinthListing_openLabyrinthsTitle">
        			<img src="{{ siteRoot }}styles/index/images/olsphere.jpg" />Open Labyrinths
        		</div>
    		{% for labyrinth in openLabyrinths %}
    			<p><a href="{{ siteRoot }}labyrinth/{{ labyrinth.id }}/">{{ labyrinth.name }}</a></p>
    		{% endfor %}
        	</div>
        </div>
{% endblock %}